$(function(){

	//表格列筛选form内容
	var tableFilterForm = {
		'default':''+
		'<form action="" class="layui-form">'+
		// '   <ul class="layui-form-item filter-sort">'+
		// '            <li><a href="javascript:void(0)" class="btn-sort" data-type="asc"><span class="iconfont">&#xe623;</span>升序排序</a></li>'+
		// '            <li><a href="javascript:void(0)" class="btn-sort" data-type="desc"><span class="iconfont">&#xe624;</span>降序排序</a></li>'+
		// '   </ul>'+
		'   <div class="layui-form-item">'+
		'       <div class="layui-box">'+
		'           <select name="tableFilterSelect" lay-filter="table-filter-select">'+
		'               <option value="like">模糊</option>'+
		'               <option value="range">范围(A~B)</option>'+
		'               <option value="eq">等于( = )</option>'+
		'               <option value="unequal">不等于( != )</option>'+
		'               <option value="in">包含( In )</option>'+
		'               <option value="gt">大于( &gt; )</option>'+
		'               <option value="lessThan">小于( &lt; )</option>'+
		'               <option value="gte">大于等于( &gt;= )</option>'+
		'               <option value="lessThan-equal">小于等于( &lt;= )</option>'+
		'           </select>'+
		'       </div>'+
		'   </div>'+
		'   <div class="layui-form-item">'+
		'       <input type="text" name="val" placeholder="value" autocomplete="off" class="layui-input" lay-verify="required">'+
		'   </div>'+        
		'   <div class="layui-form-item">'+
		'       <div class="layui-block">'+
		'           <button class="layui-btn layui-btn-sm" lay-submit lay-filter="tablePopupFilterBtn">确定</button>'+
		'           <button type="button" class="layui-btn layui-btn-primary layui-btn-sm close">取消</button>'+
		'       </div>'+
		'   </div>'+
		'</form>',
		'int':''+
		'<form action="" class="layui-form">'+
		'   <div class="layui-form-item">'+
		'       <div class="layui-box">'+
		'           <select name="tableFilterSelect" lay-filter="table-filter-select">'+
		'               <option value="eq">等于( = )</option>'+
		'           </select>'+
		'       </div>'+
		'   </div>'+
		'   <div class="layui-form-item">'+
		'       <input type="text" name="val" placeholder="value" autocomplete="off" class="layui-input" lay-verify="required">'+
		'   </div>'+        
		'   <div class="layui-form-item">'+
		'       <div class="layui-block">'+
		'           <button class="layui-btn layui-btn-sm" lay-submit lay-filter="tablePopupFilterBtn">确定</button>'+
		'           <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>'+
		'       </div>'+
		'   </div>'+
		'</form>',
	}



	/**
	 * 模拟参数
	 */
	showSpecimenTableByTaskId('specimen_table','showSpecimenTableByTaskId')
	function showSpecimenTableByTaskId(result_area, method) {	
		var params = [
			{name:'tsg_34254', value:'tsg_34254'},
			{name:'method', value:method}
		];	
		// var table_url = 'https://www.easy-mock.com/mock/5c4da34a928cce651e9d5c68/example/table/data1';
		var table_url = 'http://mock/tableData';
		var columns = [
			{'type':'checkbox', fixed: 'left'}
			,{field: 'id', title: 'id', width:60,totalRowText: '合计'}
			,{field: 'username', title: 'username',minWidth:140,sort:true,filter:true}
			,{field: 'experience', title: 'experience',sort:true,filter:true}
			,{field: 'RawReads', title: 'Raw Reads', sort:true,filter:true,totalRow:'<a href="http://www.baidu.com" target="_blank"><i class="iconfont">&#xe628;</i>demo</a>'}
			,{field: 'RawQ30', title: 'Raw Q30', sort:true,filter:true}
			,{field: 'wealth', title: 'wealth', sort:true,filter:true}
			,{field: 'score', title: 'score', sort:true,filter:true,totalRow:true}
		];

		/**
		 * size 表格尺寸  lg 大  sm小  默认不设置参数
		 * skin 表格边框风格  line （行边框风格）row （列边框风格） nob （无边框风格） 默认则不设置这个参数。
		 * even 表格隔行换色 默认false
		 * height 表格高度,默认auto
		 * toolbar 表格工具条 默认true 可选择关闭false
		 */
		$.sanger('getTable', result_area, {url:table_url, params:params, columns:columns,height:400,totalRow:true,size:'sm'}, function(data) {
			// 新表格的一些执行事件，包含筛选结构需单独定义
			newTableFilter(result_area,data)
		});
	}
	function newTableFilter(result_area,data){
		// 表格功能全局调用方式
		$('.'+result_area).layuiTableEvent({
			filter:tableFilterForm,     //筛选form内容
			table_class:result_area,    //表格容器
			checked:data.checked,       //自动获取数据第一位字段名称,用于跨页选择,通常是id编号
			filterForm:{				//设置查询表单类型，默认使用default。需指定类型的字段，以数组方式填入。如只有一个default，不设置此参数
				'default':['RawReads','RawQ30'],
			},
			filterHead:true,			//当表格只做简单展示，无筛选条件，只有原生排序功能，也不需展示排序条件，关闭筛选条件层显示，默认开启
			filterHeadShow:true,
			filterCheckbox:{			//使用多选方式过滤，只显示选择的样本。对应列事先填充相应的名称
				'wealth':['name1','name2','name3'],
				'score':['sample1','sample2','name3','name4','name5'],
			},
			//def_mode:'strict',
		})
	}


	showSpecimenTableByTaskId2('specimen_table2','showSpecimenTableByTaskId2')
	function showSpecimenTableByTaskId2(result_area, method) {	
		var params = [
			{name:'tsg_34254', value:'tsg_34254'},
			{name:'method', value:method}
		];	
		// var table_url = 'https://www.easy-mock.com/mock/5c4da34a928cce651e9d5c68/example/table/data1';
		var table_url = 'http://mock/tableData';
		var columns = [
			{'type':'checkbox', fixed: 'left'}
			,{field: 'id', title: 'id', width:60}
			,{field: 'experience', title: 'experience',sort:true,filter:true}
			,{field: 'RawReads', title: 'Raw Reads', sort:true,filter:true}
			,{field: 'RawQ30', title: 'Raw Q30', sort:true,filter:true}
		];

		/**
		 * size 表格尺寸  lg 大  sm小  默认不设置参数
		 * skin 表格边框风格  line （行边框风格）row （列边框风格） nob （无边框风格） 默认则不设置这个参数。
		 * even 表格隔行换色 默认false
		 * height 表格高度，默认自适应
		 * toolbar 表头右侧工具条，默认开启，可选择工具
		 */
		$.sanger('getTable', result_area, {url:table_url, params:params, columns:columns,size:'sm',height:300,toolbar:false}, function(data) {
			// 新表格的一些执行事件，包含筛选结构需单独定义
			newTableFilter2(result_area,data)
		});
	}
	function newTableFilter2(result_area,data){
		// 表格功能全局调用方式
		$('.'+result_area).layuiTableEvent({
			filter:tableFilterForm,     //筛选form内容
			table_class:result_area,    //表格容器
			checked:data.checked,       //自动获取数据第一位字段名称,用于跨页选择,通常是id编号
			filterForm:{				//设置查询表单类型，默认使用default。需指定类型的字段，以数组方式填入。如只有一个default，不设置此参数
				// 'int':['RawQ30']
			},
			//filterHead:true,				//当表格只做简单展示，无筛选条件，只有原生排序功能，也不需展示排序条件，关闭筛选条件层显示，默认开启
			//filterHeadShow:true,
			filterCheckbox:{			//使用多选方式过滤，只显示选择的样本。对应列事先填充相应的名称
				'RawReads':['sample1','sample2','name3','name4','name5'],
			}		
		})
	}

	$('.table-containter').on('click','.layui-table-filter',function(e){
		e.stopPropagation();
	})

});